<template>
  <div>
    <router-view></router-view>

    <div class="link-bottom-group">
      <router-link v-for="(item, index) in menusList" :to="item.path" :key="index"><span>{{ item.title }}</span>
      </router-link>
    </div>

  </div>
</template>
<script>

 
  export default {
    data() {
      var menusList = [{ "title": "首页", "path": "/" },
       { "title": "水情列表", "path": "/water-list/" },
      { "title": "水情详情", "path": "/water-list/water/detail"},
      {'title':'站点详情','path':'/water-list/water/detail-2'}];
      if (this.$route.query.type == 0) {
        menusList.push({ "title": "库容曲线", "path": "/water-list/water/storage" })
      }
      return { menusList, params: { "region": "", "name": "", "tag": "" } }
    },
    created() {
      this.params = this.$route.query;
      this.menusList = this.menusList.map((item) => {
        if (item.title !== "首页" && item.title !== "水情列表") { item.path = { "path": item.path, query: this.params } }
        return item;
      });
    },
    computed: {
       
    },
  }
</script>
<style lang="less" scoped>

</style>